<template>
  <div style="width: 500px">
    <a-modal v-model:open="open" title="新人视频" :footer="null">
      <!-- <video
        style="width: 100%; height: 100%; object-fit: fill"
        controls
        autoplay
        muted
        src="https://pdr-client-download-1323418546.cos.ap-shanghai.myqcloud.com/%E7%A5%A8%E8%BE%BE%E4%BA%BA%E6%96%B0%E4%BA%BA%E5%BF%85%E7%9C%8B%E6%95%99%E7%A8%8B.mp4"
      ></video> -->
      <iframe
        v-if="open"
        :src="brandStore.xinRenShiPinUrl"
        scrolling="no"
        border="0"
        frameborder="no"
        framespacing="0"
        allowfullscreen="true"
        style="width: 100%; height: 280px"
      ></iframe>
    </a-modal>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { useBrandStore } from '@/store/modules/brand'
const brandStore = useBrandStore()
const open = ref(false)

const showModal = (flag: boolean) => {
  open.value = flag
}

const emit = defineEmits<{
  refresh: []
}>()

defineExpose({
  showModal,
})
</script>
